<!--
    @auther: bypanghu<bypanghu@163.com>
    @date: 2024/5/8
!-->

<template>
  <el-scrollbar>
    <div
      v-for="(item, index) in notices"
      :key="index"
      class="flex items-center mb-1.5 gap-3"
    >
      <el-tag :type="item.type" size="small">
        {{ item.typeTitle }}
      </el-tag>
      <el-tooltip effect="light" :content="item.title" placement="top">
        <div class="text-xs text-gray-700 dark:text-gray-300 line-clamp-1">
          {{ item.title }}
        </div>
      </el-tooltip>
    </div>
  </el-scrollbar>
</template>

<script setup>
  const notices = [
    {
      type: 'primary',
      typeTitle: '公告',
      title: '最高人民法院关于征集2025年度司法研究重大课题选题建议的公告'
    },
    {
      type: 'success',
      typeTitle: '通知',
      title: '确保群众的每一项诉求都有人办、依法办。'
    },
    {
      type: 'warning',
      typeTitle: '警告',
      title: '最高人民法院年轻干部教育培养工作综述。'
    },
    {
      type: 'danger',
      typeTitle: '违规',
      title: '最高人民法院关于涉外国国家豁免民事案件相关程序事项的通知。'
    },
    {
      type: 'info',
      typeTitle: '信息',
      title: '坚持守正创新 保持强大攻势 “天网2025”行动正式启动'
    }
  ]
</script>

<style scoped lang="scss"></style>
